<template>
    <div class="con6">
      <div class="con6-au">
          <div class="con4-top">
              <div class="con4-top-left">
                <slot name="con_title"></slot>
              </div>
              <router-link to="/machile5">
                <slot name="con_c"></slot>
              </router-link>
                
            </div>
            <div class="con6-botom">
                <div class="con6-left">
                  <h5>机械制造企业模板</h5>
                  <ul>
                    <li>地址：苏州市金鸡湖大道00号</li>
                    <li>邮编：200000</li>
                    <li>电话：400-8000-8000</li>
                    <li>手机：133-0000-0000</li>
                    <li>传真：000-8000-8000</li>
                    <li>邮箱：info@email.com</li>
                  </ul>
                </div>
                <div class="con6-right">
                  <div class="con6-right-top">
                      <input type="text" placeholder="姓名">
                      <input type="text" placeholder="电话">
                      <input type="text" placeholder="地址">
                      <input type="text" placeholder="邮箱">
                      <textarea name="" id="" cols="30" rows="10" style="width:883px;height:63px;outline:none; border:1px sloid rgb(214, 214, 214);" placeholder="详情"></textarea>
                  </div>
                  <div class="con6-right-btn">
                    <a href="#">发送</a>
                  </div>
                  <span>温馨提示：使用表单之前需要配置表单的收件邮箱和网站的发件邮箱。详情请参考教程《如何设置表单中的邮箱》</span>
                </div>
            </div>
      </div>
    </div>
</template>
<style>
.con6{
  width: 100%;
  height: 467px;
  padding-top:100px;
}
.con6-au{
  width: 1280px;
  margin: 0 auto;
}
.con6-botom{
  height:367px;
  
}
.con6-left{
  width:293px;
  float: left;
}
.con6-left h5{
  font-size:16px;
  color: #696969;
  line-height:32px;
}
.con6-left li{
  color: rgb(136, 136, 136);
  font-size:13px;
  line-height:2;
}
.con6-right{
  width:892px;
  float:right;
}
.con6-right input{
      color: rgb(204, 204, 204);
    font-size: 14px;
    line-height: 30px;
    margin-top: 0;
    width: 431px;
  height: 26px;
    padding: 2px;
    border: solid 1px rgb(214, 214, 214);
}
.con6-right input:nth-of-type(1){
  
  margin: 0 10px 10px 0;
}

.con6-right input:nth-of-type(3){
  
  margin: 0 10px 10px 0;
}
.con6-right-btn{
  height: 32px;
  margin: 20px 0;
}
.con6-right-btn a{
  width: 100px;
  height: 32px;
  font-size: 14px;
  line-height: 14px;
    background-color: #969696;
    border: 1px solid #969696;
    display: block;
    text-align: center;
    line-height: 32px;
    color: #fff;
    float: right ;
}
.con6-right span{
  color: #999999;
  font-size: 14px;
}
.con4-top{
  width: 100%;
  height: 50px;

}
.con4-top-left{
  float: left;
}
.con4-top>a{
  float: right;
  color: #cf372d;
  font-size: 12px;
  line-height: 24px;
}
.con4-top>a>div{
  width: 50px;
  border-bottom: 1px solid #cf372d;
}
</style>